<style lang="stylus" rel="stylesheet/stylus">
  .navbar
    .el-menu
      border-radius 0
      .navbar-logo
        margin 15px auto
        width 90%
        height 30px
        font-weight bold
        font-size 30px
        letter-spacing 3px
        text-align center
        color #ffffff
        line-height 1
      .navbar-menu
        position fixed
        top 60px
        bottom 0
        left 0
        background-color #324157
        width 12.5%
        overflow-y auto
        &::-webkit-scrollbar
          width 0
        .el-menu-item
          vertical-align middle
        .fa-icon
          position relative
          bottom 1px
          height 18px
          margin-right 10px
</style>

<template>
  <div class="navbar">
    <el-menu theme="dark" router unique-opened>
      <div class="navbar-logo">EDAOE</div>
      <div class="navbar-menu">
        <el-menu-item index="/layout/index"><icon name="home"></icon>首页</el-menu-item>
        <el-menu-item index="/layout/article"><icon name="list-alt"></icon>文章</el-menu-item>
        <el-menu-item index="/layout/category"><icon name="list"></icon>分类</el-menu-item>
        <el-menu-item index="/layout/tag"><icon name="tags"></icon>标签</el-menu-item>
        <!--<el-submenu index="user">-->
          <!--<template slot="title">-->
            <!--<icon name="user"></icon>用户-->
          <!--</template>-->
          <!--<el-menu-item index="/layout/user">用户管理</el-menu-item>-->
          <!--<el-menu-item index="/layout/role">角色管理</el-menu-item>-->
          <!--<el-menu-item index="/layout/permission">权限管理</el-menu-item>-->
        <!--</el-submenu>-->
      </div>
    </el-menu>
  </div>
</template>

<script>
  export default{

  }
</script>
